function jokokm_flowimg_shortcode($atts, $content = null) {

    $atts = shortcode_atts(
        array(
            'src' => '',
            'align' => 'left',
            'width' => '35',
            'caption' => ''
        ),
        $atts
    );

    $alignclass = ($atts['align'] == 'right') ? 'jokokm-right' : 'jokokm-left';

    $html  = '<div class="jokokm-textflow">';
    $html .= '<figure class="jokokm-flowimg '.$alignclass.'" style="max-width:'.$atts['width'].'%;">';
    $html .= '<img src="'.$atts['src'].'" alt="">';

    if (!empty($atts['caption'])) {
        $html .= '<figcaption class="jokokm-caption">'.$atts['caption'].'</figcaption>';
    }

    $html .= '</figure>';
    $html .= '<div class="jokokm-flowtext">'.do_shortcode($content).'</div>';
    $html .= '</div>';

    return $html;
}

add_shortcode('flowimg', 'jokokm_flowimg_shortcode');